<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>layabox官方首页</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="css/bootstrap.css"/>
		<link rel="stylesheet" type="text/css" href="css/common.css"/>
		<link rel="stylesheet" type="text/css" href="css/layabox.css"/>
	</head>
	<body>
		<!--导航栏start-->
		<nav class="navbar navbar-default">
        <div class="container">
        	<!--移动端才会出现的LOGO和菜单按钮-->
          <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
              <span class="sr-only">Toggle navigation</span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="#"><img src="img/logo.png"/></a>
          </div>
          <!--平板端以上的横向导航-->
          <div id="navbar" class="navbar-collapse collapse">
            <ul class="nav navbar-nav">
              <li class="active"><a href="layabox.html">首页</a></li>
              <li><a href="family.html">Laya家族</a></li>
              <li><a href="game.html">游戏</a></li>
              <li><a href="news.html">新闻动态</a></li>
              <li><a href="about.html">关于我们</a></li>
            </ul>
            <!--切换语言按钮-->
            <ul class="nav navbar-nav navbar-right">
              <li class="dropdown">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">语言 <span class="caret"></span></a>
                <ul class="dropdown-menu">
                  <li><a href="#">中文</a></li>
                  <li><a href="#">English</a></li>
                </ul>
              </li>
            </ul>
          </div><!--/.nav-collapse -->
        </div><!--/.container-fluid -->
      </nav>
      
      <!--图片轮播-->
      <div id="myCarousel" class="carousel slide" data-ride="carousel">
      <!-- Indicators -->
      <ol class="carousel-indicators">
        <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
        <li data-target="#myCarousel" data-slide-to="1"></li>
        <li data-target="#myCarousel" data-slide-to="2"></li>
      </ol>
      <div class="carousel-inner" role="listbox">
        <div class="item active">
          <img class="first-slide" src="img/game-slider-01.jpg" alt="First slide">
          
        </div>
        <div class="item">
          <img class="second-slide" src="img/game-slider-02.jpg" alt="Second slide">
          
        </div>
        <div class="item">
          <img class="third-slide" src="img/game-slider-01.jpg" alt="Third slide">
          
        </div>
      </div>
      <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
        <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
        <span class="sr-only">Previous</span>
      </a>
      <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
        <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
        <span class="sr-only">Next</span>
      </a>
    </div><!-- /.carousel -->
      
      <!--产品介绍start-->
      <div class="container-fluid produces">
      	<div class="row" >
      		<div class="col-md-6 col-md-offset-1">
      			
			      	<!--标题部分-->
			      	<div class="row">
			      		<div class="col-xs-12 big_title">
			      			LayaFlash 引擎
			      		</div>
			      		<div class="col-xs-12 small_title">
			      			让Flash技术变成开发HTML5产品的利器
			      		</div>
			      	</div>
			      	<!--产品特点-->
			      	<div class="row content">
			      		<div class="col-xs-12  col-md-6">
			      			<!--图占3 字占9-->
			      			<div class="row">
			      				<div class="col-xs-3">
			      					<img src="img/shandian.jpg"/>
			      				</div>
			      				<div class="col-xs-9">
			      					<h6>快速Flash产品转换</h6>
			      					<p>Flash页游\手游仅需1个人7天即可转换为HTML5和APP游戏</p>
			      				</div>
			      			</div>
			      		</div>
			      		<div class="col-xs-12  col-md-6">
			      			<!--图占3 字占9-->
			      			<div class="row">
			      				<div class="col-xs-3">
			      					<img src="img/shezhi.jpg"/>
			      				</div>
			      				<div class="col-xs-9">
			      					<h6>快速Flash产品转换</h6>
			      					<p>Flash页游\手游仅需1个人7天即可转换为HTML5和APP游戏</p>
			      				</div>
			      			</div>
			      		</div>
			      		<div class="col-xs-12  col-md-6">
			      			<!--图占3 字占9-->
			      			<div class="row">
			      				<div class="col-xs-3">
			      					<img src="img/qiandai.jpg"/>
			      				</div>
			      				<div class="col-xs-9">
			      					<h6>快速Flash产品转换</h6>
			      					<p>Flash页游\手游仅需1个人7天即可转换为HTML5和APP游戏</p>
			      				</div>
			      			</div>
			      		</div>
			      		<div class="col-xs-12  col-md-6">
			      			<!--图占3 字占9-->
			      			<div class="row">
			      				<div class="col-xs-3">
			      					<img src="img/huojian.jpg"/>
			      				</div>
			      				<div class="col-xs-9">
			      					<h6>快速Flash产品转换</h6>
			      					<p>Flash页游\手游仅需1个人7天即可转换为HTML5和APP游戏</p>
			      				</div>
			      			</div>
			      		</div>
			      	</div>
			    
      		</div>
      		<div class="col-md-5 phoneBox">
      			<img src="img/phone.jpg"/>
      		</div>
      	</div>
      </div>
    <!--优势-->
    	<div class="container-fluid youshi">
    		<div class="row">
    			<div class="col-md-2 col-md-offset-2 leftImg" >
    				<img src="img/jiangbei.jpg"/>
    			</div>
    			<div class="col-xs-12 col-md-6 col-md-offset-1">
    				<div class="col-xs-12 col-md-12 listHead">
    					<h6>Layabox 优势</h6>
    				</div>
    				<div class="col-xs-12 col-md-12 listContent">
    					<div class="row">
    						<div class="col-xs-3 col-md-1">
    							<img src="img/anquan.png"/>
    						</div>
    						<div class="col-xs-9 col-md-11 content" >
    							快速上手，Flash程序员3小时掌握HTML5开发
    						</div>
    					</div>   					
    				</div>
    				<div class="col-xs-12 col-md-12 listContent">
    					<div class="row listProduce">
    						<div class="col-xs-3 col-md-1">
    							<img src="img/huojian.png"/>
    						</div>
    						<div class="col-xs-9 col-md-11 content" >
    							<p>4年优化打磨，LayaPlayer运行器性能媲美APP</p>
    						</div>
    					</div>   					
    				</div>
    				<div class="col-xs-12 col-md-12 listContent">
    					<div class="row listProduce">
    						<div class="col-xs-3 col-md-1">
    							<img src="img/computer.png"/>
    						</div>
    						<div class="col-xs-9 col-md-11 content" >
    							<p>超5亿的LayaPlayer移动设备安装量帮助CP发行</p>
    						</div>
    					</div>   					
    				</div>
    				<div class="col-xs-12 col-md-12 listContent">
    					<div class="row listProduce">
    						<div class="col-xs-3 col-md-1">
    							<img src="img/gameboy.png"/>
    						</div>
    						<div class="col-xs-9 col-md-11 content" >
    							<p>使用LayaFlash开发大型HTML5游戏的企业超100家</p>
    						</div>
    					</div>   					
    				</div>
    			</div>
    		</div>
    	</div>
     <!--产品家族--> 
     	<div class="container-fluid jiazu">
     		<div class="row">
     			<div class="col-xs-12 col-md-12 head">
     				<h6>Layabox产品家族</h6>
     			</div>
     			<div class="col-xs-12  col-md-8 col-md-offset-2 content">
     				<div class="row">
     					<div class="col-xs-12 col-md-6">
     						<div class="col-xs-12 col-md-3">
     							<img src="img/jz1.png"/>
     						</div>
     						<div class="col-xs-12 col-md-9">
     							<h6>LayaAir</h6>
     							<p>
     								核心库仅100K左右的新一代HTML5引擎，支持AS3\TS\JS语言开发，支持2D\3D，非运行器模式下性能媲美APP。
     							</p>
     						</div>
     					</div>
     					<div class="col-xs-12 col-md-6">
     						<div class="col-xs-12 col-md-3">
     							<img src="img/jz2.png"/>
     						</div>
     						<div class="col-xs-12 col-md-9">
     							<h6>LayaAir</h6>
     							<p>
     								核心库仅100K左右的新一代HTML5引擎，支持AS3\TS\JS语言开发，支持2D\3D，非运行器模式下性能媲美APP。
     							</p>
     						</div>
     					</div>
     					<div class="col-xs-12 col-md-6">
     						<div class="col-xs-12 col-md-3">
     							<img src="img/jz3.png"/>
     						</div>
     						<div class="col-xs-12 col-md-9">
     							<h6>LayaAir</h6>
     							<p>
     								核心库仅100K左右的新一代HTML5引擎，支持AS3\TS\JS语言开发，支持2D\3D，非运行器模式下性能媲美APP。
     							</p>
     						</div>
     					</div>
     					<div class="col-xs-12 col-md-6">
     						<div class="col-xs-12 col-md-3">
     							<img src="img/jz4.png"/>
     						</div>
     						<div class="col-xs-12 col-md-9">
     							<h6>LayaAir</h6>
     							<p>
     								核心库仅100K左右的新一代HTML5引擎，支持AS3\TS\JS语言开发，支持2D\3D，非运行器模式下性能媲美APP。
     							</p>
     						</div>
     					</div>
     					<div class="col-xs-12 col-md-6">
     						<div class="col-xs-12 col-md-3">
     							<img src="img/jz5.png"/>
     						</div>
     						<div class="col-xs-12 col-md-9">
     							<h6>LayaAir</h6>
     							<p>
     								核心库仅100K左右的新一代HTML5引擎，支持AS3\TS\JS语言开发，支持2D\3D，非运行器模式下性能媲美APP。
     							</p>
     						</div>
     					</div>
     					<div class="col-xs-12 col-md-6">
     						<div class="col-xs-12 col-md-3">
     							<img src="img/jz6.png"/>
     						</div>
     						<div class="col-xs-12 col-md-9">
     							<h6>LayaAir</h6>
     							<p>
     								核心库仅100K左右的新一代HTML5引擎，支持AS3\TS\JS语言开发，支持2D\3D，非运行器模式下性能媲美APP。
     							</p>
     						</div>
     					</div>
     				</div>
     			</div>
     		</div>
     	</div>
     	<!--精彩游戏-->
     	<div class="container-fluid jingcai">
     		<div class="row">
     			<div class="col-xs-12 col-md-10 col-md-offset-2" >
     				<div class="row">
     					<div class="col-xs-12 col-md-11 head">
     						<h6 class="pull-left">采用Layabox引擎的精彩游戏</h6>
     						<a href="#" class="pull-right">更多</a>
     					</div>
     				</div>
     				<div class="row content">
     					<div class="col-xs-12 col-md-5 left" >
     						<div class="imgBox">
     							<img src="img/movie.jpg"/>
     						</div>
     					</div>
     					<div class="col-xs-12 col-md-6 right" >
     						<div class="row">
     							<!--单独每个-->
     							<div class="col-xs-3 col-md-2 gameList">
     								<div class="imgBox">
     									<img src="img/tx1.jpg"/>
     								</div>
     								<a href="#">猎刃</a>
     							</div>
     							<!--单独每个-->
     							<div class="col-xs-3 col-md-2 gameList">
     								<div class="imgBox">
     									<img src="img/tx2.jpg"/>
     								</div>
     								<a href="#">猎刃</a>
     							</div>
     							<!--单独每个-->
     							<div class="col-xs-3 col-md-2 gameList">
     								<div class="imgBox">
     									<img src="img/tx3.jpg"/>
     								</div>
     								<a href="#">猎刃</a>
     							</div>
     							<!--单独每个-->
     							<div class="col-xs-3 col-md-2 gameList">
     								<div class="imgBox">
     									<img src="img/tx4.jpg"/>
     								</div>
     								<a href="#">猎刃</a>
     							</div>
     							<!--单独每个-->
     							<div class="col-xs-3 col-md-2 gameList">
     								<div class="imgBox">
     									<img src="img/tx5.jpg"/>
     								</div>
     								<a href="#">猎刃</a>
     							</div>
     							<!--单独每个-->
     							<div class="col-xs-3 col-md-2 gameList">
     								<div class="imgBox">
     									<img src="img/tx6.jpg"/>
     								</div>
     								<a href="#">猎刃</a>
     							</div>
     							<!--单独每个-->
     							<div class="col-xs-3 col-md-2 gameList">
     								<div class="imgBox">
     									<img src="img/tx7.jpg"/>
     								</div>
     								<a href="#">猎刃</a>
     							</div>
     							<!--单独每个-->
     							<div class="col-xs-3 col-md-2 gameList">
     								<div class="imgBox">
     									<img src="img/tx8.jpg"/>
     								</div>
     								<a href="#">猎刃</a>
     							</div>
     							<!--单独每个-->
     							<div class="col-xs-3 col-md-2 gameList">
     								<div class="imgBox">
     									<img src="img/tx9.jpg"/>
     								</div>
     								<a href="#">猎刃</a>
     							</div>
     							<!--单独每个-->
     							<div class="col-xs-3 col-md-2 gameList">
     								<div class="imgBox">
     									<img src="img/tx12.jpg"/>
     								</div>
     								<a href="#">猎刃</a>
     							</div>
     							<!--单独每个-->
     							<div class="col-xs-3 col-md-2 gameList">
     								<div class="imgBox">
     									<img src="img/tx11.jpg"/>
     								</div>
     								<a href="#">猎刃</a>
     							</div>
     							<!--单独每个-->
     							<div class="col-xs-3 col-md-2 gameList">
     								<div class="imgBox">
     									<img src="img/tx13.jpg"/>
     								</div>
     								<a href="#">猎刃</a>
     							</div>
     						</div>
     					</div>
     				</div>
     			</div>
     		</div>
     	</div>
     	<!--合作伙伴-->
     	<div class="container-fluid hezuo">
     		<div class="row">
     			<div class="col-xs-12 col-md-10 col-md-offset-1">
     				<div class="row">
     					<div class="col-xs-12 col-md-12 head">
     						<h6>合作伙伴</h6>
     						<span>(排名不分先后)</span>
     					</div>
     				</div>
     				<div class="row">
		     			<div class="col-xs-12 col-md-12 content">
		     				<div class="row">
		     					<div class="col-xs-6 col-sm-3 col-md-2 logoList">
		     						<div class="imgBox">
		     							<img src="img/hz1.jpg"/>
		     						</div>
		     					</div>
		     					<div class="col-xs-6 col-sm-3 col-md-2 logoList">
		     						<div class="imgBox">
		     							<img src="img/hz2.jpg"/>
		     						</div>
		     					</div>
		     					<div class="col-xs-6 col-sm-3 col-md-2 logoList" >
		     						<div class="imgBox">
		     							<img src="img/hz3.jpg"/>
		     						</div>
		     					</div>
		     					<div class="col-xs-6 col-sm-3 col-md-2 logoList" >
		     						<div class="imgBox">
		     							<img src="img/hz4.jpg"/>
		     						</div>
		     					</div>
		     					<div class="col-xs-6 col-sm-3 col-md-2 logoList">
		     						<div class="imgBox">
		     							<img src="img/hz10.jpg"/>
		     						</div>
		     					</div>
		     					<div class="col-xs-6 col-sm-3 col-md-2 logoList">
		     						<div class="imgBox">
		     							<img src="img/hz6.jpg"/>
		     						</div>
		     					</div>
		     					<div class="col-xs-6 col-sm-3 col-md-2 logoList">
		     						<div class="imgBox">
		     							<img src="img/hz7.jpg"/>
		     						</div>
		     					</div>
		     					<div class="col-xs-6 col-sm-3 col-md-2 logoList">
		     						<div class="imgBox">
		     							<img src="img/hz8.jpg"/>
		     						</div>
		     					</div>
		     					<div class="col-xs-6 col-sm-3 col-md-2 logoList">
		     						<div class="imgBox">
		     							<img src="img/hz1.jpg"/>
		     						</div>
		     					</div>
		     					<div class="col-xs-6 col-sm-3 col-md-2 logoList">
		     						<div class="imgBox">
		     							<img src="img/hz2.jpg"/>
		     						</div>
		     					</div>
		     					<div class="col-xs-6 col-sm-3 col-md-2 logoList" >
		     						<div class="imgBox">
		     							<img src="img/hz3.jpg"/>
		     						</div>
		     					</div>
		     					<div class="col-xs-6 col-sm-3 col-md-2 logoList">
		     						<div class="imgBox">
		     							<img src="img/hz6.jpg"/>
		     						</div>
		     					</div>
		     				</div>
		     			</div>
		     			
		     		</div>
     			</div>
     		</div>
     		
     	</div>
     	<!--网页底部-->
     	<div class="container-fluid bottom">
     		<div class="row">
     			<div class="col-xs-11 col-xs-offset-1 col-md-10 col-md-offset-1 content">
     				<a href="#">公司简介</a>
     				<a href="#">联系方式</a>
     				<a href="#">人才招聘</a>
     				<p>All Copyright Reserved by Layabox Inc. 京ICP备15008163号-1</p>
     				<div class="contact clearfix ">
     					<div class="imgBox pull-left">
     						<img src="img/youjian.png"/>
     						
     					</div>
     					<div class="imgBox pull-left">
     						<img src="img/wechat.png"/>
     						<div class="erweima">
     							
     						</div>
     					</div>
     					<div class="imgBox pull-left">
     						<img src="img/qq.png"/>
     					</div>
     				</div>
     			</div>
     		</div>
     	</div>
      <!--引入bootstarp.js-->
      <script type="text/javascript" src="js/jquery-2.1.0.js"></script>
      <script type="text/javascript" src="js/bootstrap.js"></script>
	</body>
</html>
